<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="../pengxuan.js"></script>
<style>
*{padding:0;margin:0;}
.one{border:1px solid #ccc; width:300px; height:100px; overflow:hidden;}

</style>
<script>
	window.onload=function(){
		var one=getClass('one')[0];
		var two=getClass('two')[0];
		var t=setInterval(function(){
			if(one.scrollTop>=two.offsetHeight){
				one.scrollTop=0;	
			};
			one.scrollTop+=5;	
		},80)	
		
		one.onmouseover=function(){
			clearInterval(t)	
		};
		one.onmouseout=function(){
			t=setInterval(function(){
			if(one.scrollTop>=two.offsetHeight){
				one.scrollTop=0;	
			};
			one.scrollTop+=5;	
		},80)	
		};
	};
</script>
</head>

<body>
<div class="one">
	<div class="two">
    	11111111111111111111111111111<br />
        22222222222222222222222222222<br />
        33333333333333333333333333333<br />
        44444444444444444444444444444<br/>
        55555555555555555555555555555<br />
        66666666666666666666666666666<br />
        77777777777777777777777777777<br />
        88888888888888888888888888888<br />
        99999999999999999999999999999<br />
        10.fffffffffffffffffffffffffff<br />
        11.fffffffffffffffffffffffffff<br />
        12.fffffffffffffffffffffffffff<br />
        13.fffffffffffffffffffffffffff<br />
        14.fffffffffffffffffffffffffff<br />
    </div>
	<div class="two">
    	11111111111111111111111111111<br />
        22222222222222222222222222222<br />
        33333333333333333333333333333<br />
        44444444444444444444444444444<br/>
        55555555555555555555555555555<br />
        66666666666666666666666666666<br />
        77777777777777777777777777777<br />
        88888888888888888888888888888<br />
        99999999999999999999999999999<br />
        10.fffffffffffffffffffffffffff<br />
        11.fffffffffffffffffffffffffff<br />
        12.fffffffffffffffffffffffffff<br />
        13.fffffffffffffffffffffffffff<br />
        14.fffffffffffffffffffffffffff<br />
    </div>
</div>
</body>
</html>
